<template>
    <div>
      <h3>props</h3>
      <ul>
        <li v-for="(item,index) in list1" :key='index'>
          {{ item.name }}--{{item.age}}
        </li>
      </ul>
    </div>
  </template>
  
  <script setup lang='ts' name='Demo16'>
  import { ref, withDefaults} from 'vue'
  import {type PersonList} from '@/types/demo16'
  withDefaults(defineProps<{list1?:PersonList}>(),{
    list1:()=>[{id:"333",name:"唐僧",age:30}]
  })
  
  </script>
  <style lang='scss' scoped>
  
  </style>